/* ============================================================================
    CSS STYLES FOR ModuleActionsMenu-Grey
   ============================================================================
*/

/****************************
 Standard structural CSS 
****************************/

.ModuleOptionsMenu-Grey {        
  cursor: pointer;
  padding:0;
  margin:0;
}
ul.ModuleOptionsMenu-Grey ul {
  width: 20em;                  
  padding-left: 0px;                 
  margin-left: 0px; 
}
ul.ModuleOptionsMenu-Grey li {
  list-style-type: none;
  margin: 0px;
  position: relative; 
}
.ModuleOptionsMenu-Grey li ul {
  display: none;
  position: absolute;
  top: 22px;
  left: 0px;
}
.ModuleOptionsMenu-Grey li ul ul {
  display: none;
  position: absolute;
  top: 2px;
  left: 15em;
}
ul.ModuleOptionsMenu-Grey li:hover > ul,
ul.ModuleOptionsMenu-Grey li.sfhover > ul { display: block;}

/*********************
 Main styles 
*********************/

/* Main Icon (Arrow Image) */
.ModuleOptionsMenuMainIcon-Grey {
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	background: -o-linear-gradient(top,  #888,  #575757);
	
    border: solid 1px #444;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;
	
	color: #e9e9e9;
	font-weight:bold;
	cursor:default;
	
	display:block;
	padding:5px 10px;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=40);
	-moz-opacity:0.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
	
	height:16px;
	minium-width:20px;
}

*:first-child+html .ModuleOptionsMenuMainIcon-Grey{height:auto;width:auto;}

/* Main Icon without with DisplayLink Disabled */
.MainLinkText {width:20px;}
*:first-child+html .MainLinkText{width:auto;}

.ModuleOptionsMenuMainIcon-Grey:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.ModuleOptionsMenuMainIcon-Grey img{display:block;float:left;padding-right:3px;}

/* menu wrapper */
.ModuleOptionsMenu-Grey {}
/* all list items */
.ModuleOptionsMenu-Grey li {cursor:pointer;}

.ModuleOptionsMenu-Grey li li {padding-left:6px;	border: solid 1px transparent;}
*html .ModuleOptionsMenu-Grey li li{ border: 0; }

/* all links within the menu wrapper */
.ModuleOptionsMenu-Grey a {text-shadow: 0 1px 1px rgba(0,0,0, .3);}
.ModuleOptionsMenu-Grey li li a { padding-left: 5px;line-height: 20px;color: #e9e9e9;text-decoration:none;}

ul.ModuleOptionsMenu-Grey li.sfhover a { color: #e9e9e9;text-decoration:none;}

.ModuleOptionsMenu-Grey hr {height: 0px;width:90%;margin 0 auto;}

/*********************
 SubMenu styles 
*********************/

/* MainSubmenu  */
.ModuleOptionsMenu-Grey li ul { 
    color: #e9e9e9;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	background: -o-linear-gradient(top,  #888,  #575757);
	
    border: solid 1px #444;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;

    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2);
    box-shadow: 3px 3px 3px rgba(0,0,0,.2);
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	
	z-index:30000;
}

/* second-level lists-and-above-level lists */
.ModuleOptionsMenu-Grey li ul ul { background: #6e6e6e;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');                          
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	background: -o-linear-gradient(top,  #888,  #575757);
	
	z-index:30030;
}

.ModuleOptionsMenu-Grey ul li:hover,.ModuleOptionsMenu-Grey ul li.sfhover  
{
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); 
	background: url('HeaderBackGrey.png') repeat-x bottom  #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	background: -o-linear-gradient(top,  #757575,  #4b4b4b);
	
	padding-left: 6px;
	
	border: solid 1px #000;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
}

/* Menu Item Icon Style */
.ModuleOptionsMenu-Grey li a img  {margin-left:0px!important;margin-top:2px!important;}

/* ============================================================================
    CSS STYLES FOR ModuleContextMenu
   ============================================================================
*/

/****************************
 Standard structural CSS 
****************************/
.ModuleContextMenu-Grey,
.ModuleContextMenu-Grey ul {
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
display: none;  }

.ModuleContextMenu-Grey {z-index:30000;}
.ModuleContextMenu-Grey ul {z-index:30030;}

.ModuleContextMenu-Grey li{position: relative;list-style-type: none;}

/*********************
 Main styles 
*********************/
/* all list items */
.ModuleContextMenu-Grey li { cursor:pointer;padding-left: 6px;padding-top: 1px;border: solid 1px transparent;}

*html .ModuleContextMenu-Grey li{ border: 0; }


/* all links within the menu wrapper */
.ModuleContextMenu-Grey li a { padding-left: 5px;line-height: 20px;color: #e9e9e9;text-decoration:none;background-color: transparent;text-shadow: 0 1px 1px rgba(0,0,0, .3);}

/*********************
 SubMenu styles 
*********************/

/* Main and Submenu  */
.ModuleContextMenu-Grey,
.ModuleContextMenu-Grey ul { 
    width:20em;
    color: #e9e9e9;

    background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	background: -o-linear-gradient(top,  #888,  #575757);
	
    border: solid 1px #444;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;

    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2);
    box-shadow: 3px 3px 3px rgba(0,0,0,.2);

	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

/* styles for Hover items */
.ModuleContextMenu-Grey li:hover  
{
	background: url('HeaderBackGrey.png') repeat-x bottom  #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	padding-left: 6px;
	border: solid 1px #000;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
}

.ModuleContextMenu-Grey li a {padding-left:0px}

/* Menu Item Icon Style */
.ModuleContextMenu-Grey li a img  {margin-left:0px!important;margin-top:2px!important;}

.ModuleContextMenu-Grey hr {height: 0px;width:90%;margin 0 auto;color:black;}

/* HIDE New DNN Default Module Action Menu */
.dnnActionMenu {display:none!important; visibility:hidden;position:relative!important}
.DnnModule{z-index:100;position:inherit!important}
.dnnActionMenuBorder{position:relative!important;display:none!important; visibility:hidden;}